<!--
 * @Author: fengYM feng25321@163.com
 * @Date: 2023-09-21 16:09:19
 * @LastEditors: fengYM feng25321@163.com
 * @LastEditTime: 2023-10-16 16:41:37
 * @Description: App页面
-->
<script>
export default {
  onLaunch: function (e) {},
  onShow: function (query) {
    // const scene = query.query.scene;
    // console.log(scene, "scene");
    // uni.setStorageSync("invitationCode", scene);
    // console.log(query.query?.invitationCode, "invitationCode");
    // if (query.query?.invitationCode) {
    //   uni.setStorageSync("invitationCode", query.query?.invitationCode);
    // }
  },
  onHide: function () {
    console.log("App Hide");
  },
};
</script>

<style lang="scss">
@import "@/uni_modules/uview-plus/index.scss";
/*每个页面公共css */
page {
  box-sizing: border-box;
  background: #f3f4f6;
}
.con {
  padding-top: calc(var(--status-bar-height) + 25px);
}
.main {
  width: 93%;
  margin: 20rpx auto;
  padding-bottom: var(--window-bottom);
  box-sizing: border-box;
}
.shopList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  .shopC {
    width: 48% !important;
    margin-bottom: 20rpx;
  }
}
.u-navbar__content__left__text {
  font-weight: 600 !important;
  font-size: 40rpx !important;
}
.commonBox {
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 16rpx;
  padding: 40rpx;
  margin-bottom: 20rpx;
}
.noticeBox {
  display: flex;
  align-items: center;
  background: #fff;
  padding-left: 32rpx;
  box-shadow: 0rpx 4rpx 8rpx 0rpx #f7f7f7;
  border-radius: 32rpx;

  margin-top: 20rpx;
  .iconBox {
    background: linear-gradient(90deg, #fcdea5 0%, #fc6385 100%);
    border-radius: 0rpx 24rpx 24rpx 24rpx;
    text-align: center;
    padding: 2rpx 30rpx;
    color: #fff;
    font-size: 28rpx;
    font-weight: 600;
    color: #ffffff;
  }
}
.lookBtn {
  width: 184rpx;
  background: #1676fd;
  border-radius: 16rpx;
  display: flex;
  align-items: center;
  font-size: 26rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 36rpx;
  padding: 16rpx 24rpx;
  text {
    margin-left: 12rpx;
  }
}
.bottomBox {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 20rpx;
  padding-bottom: 35rpx;
  z-index: 99;
}
.radioBox {
  display: flex;
  align-items: center;
  margin-top: 40rpx;
  margin-bottom: 120rpx;

  .text {
    margin-top: 10rpx;
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #a6a9af;
    line-height: 34rpx;
    text {
      color: #426efe;
    }
  }
}
.navbarBox {
  margin-bottom: 30rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  :deep(.u-input) {
    width: calc(100% - 150rpx);
    background: #ffffff;
    border-radius: 50rpx !important;
    border: 3rpx solid #000000 !important;
  }
  .icon {
    width: 64rpx;
    height: 64rpx;
    margin-left: 15rpx;
  }
}
.back {
  position: absolute;
  top: 102rpx;
  left: 32rpx;
  width: 60rpx;
  height: 60rpx;
  background: rgba(176, 176, 176, 0.5);
  z-index: 99;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabsBox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 16rpx;
  .itemBox {
    border-radius: 200rpx;
    text-wrap: nowrap;
    font-size: 24rpx;
    flex-shrink: 0;

    .default {
      background: #f3f4f6;
      border: 2rpx solid #f3f4f6;
      padding: 12rpx 28rpx;
      border-radius: 200rpx;
    }
    .active {
      background: rgba(113, 206, 197, 0.1);
      border: 2rpx solid #81d8d0;
      padding: 12rpx 28rpx;
      border-radius: 200rpx;
      color: #81d8d0;
    }
  }
}
</style>
